body{
    position: absolute;
    background: url(../img/calendarBg.png) no-repeat;
    background-size: 100%;
}

.common-header {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.record {
    padding: 15px 10px;
    text-align: center;
    .charm-value {
        font-size: 18px;
    }
    .sing-caption {
        text-align: left;
        p{
            color: #4A4B4A;
        }
    }
    h5 {
        font-weight: 900;
    }
    p {
        line-height: 1.5;
    }
    .calendar {
        margin: 10px 0;
        border-radius: 5px;
        box-shadow: 0 0 10px;
        .today {
            color: #fff;
            text-align: left;
            padding: 15px 10px;
            border-radius: 5px;
            background: #CB2A2A;
            .num {
                margin: 0 3px;
                font-weight: 900;
            }
        }
    }
    .content{
        table{
            width: 100%;
        }
        thead{
            color:#fff;
            background: #009B8D;
            tr{
                height: 35px;
            }
        }
        tbody{
            background: #E7E7F6;
            tr td:first-child{
                color:#CB2A2A;
            }
            td{
                height: 40px;
                font-size: 16px;
                font-weight: 900;
                border-right:1px solid #A3A3A3;
                border-bottom:1px solid #A3A3A3;
            }
        }
    }
}

p {
    margin: 10px 0;
}

.red {
    color: #E81056;
}